<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="<%=basePath%>jquery/jquery-3.2.0.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
	$.ajax({
		type:"post",    //请求方式
		async:true,    //是否异步(默认true 可不写)
		url:"jquerystudy",
		data:"{'aac001':'001,'aac003':'ganhx'}",
		dataType:"jsonp",    //跨域json请求一定是jsonp
		success:function(data, status){
			alert("回调函数！"+data);
		},
		error:function(err,status){
			alert("错误回调！"+err);
		}
	});
    $(".panel").slideToggle("slow");
  });
});
</script>
<style type="text/css"> 
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>
<title>jquerydemo</title>
</head>
<body>
<div class="panel">
<p>我擦</p>
<p>我擦擦擦</p>
</div>
 
<p class="flip">请点击这里</p>
<div id="showok"></div>
</body>
</html>